@charset "utf-8";

.header{

	position: fixed;

	width: 100%;

	max-width:720px;

	height: 44px;

	top: 0px;

	background-color: #800000;

	z-index: 2;

	overflow: hidden;

	box-shadow: 0px 1px 5px #000;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}

.main .header{

	height: 79px;

}

.header .logo{

	float: left;

	padding-left: 20px;

	height: 44px;

}

.header .logo .logoImg{

	width: 170px;

	height: 44px;

}

.header .bank{

	display: block;

	float: right;

	width: 56px;

	height: 44px;

	padding:25px 8px 0 0 ;

	color: #fff;

	font-size: 8pt;

	background:url("../images/user.png")/*tpa=http://154.22.125.167:20000/images/user.png*/ center 9px no-repeat;

}

.header-nav{

	background: #9b2f08;

	margin-top:5px;

}

.header-nav span{

	display: block;

	color: #fff;

	float: left;

	width: 14.28%;

	height: 30px;

	line-height: 30px;

	text-align: center;

	font-weight: bold;

	cursor: pointer;

	font-size: 12pt;

}

.header-nav span:hover{

	color: #000;

}

.box{

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.7);

    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.7);

    box-shadow: 0px 1px 2px rgba(0,0,0,0.7);

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    margin: 0 auto 3px;

	max-width: 720px;

    background-color: rgba(255,255,255,0.6);

    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E5FFFFFF, endcolorstr=#E5FFFFFF);

/*	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135, Color='#000000')";

	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color='#000000');*/



}

:root .box{

	filter:none;

};

.pad{

	padding:3px;

}

.nullbox{

	height: 50px;

}

.main .nullbox{

	height: 85px;

}

.box.spareURL p{	

	font-size: 15pt; 

	font-weight: 700;

	font-family: "Microsoft YaHei";

	color: #ff0000;

	text-align: center;

}

.box.spareURL a{

	display: block;

	float: left;

	width: 33.33%;

	text-align: center;

	font-size: 16pt;

	color: #000;

	font-weight: bold;

	text-shadow: 0px 0px 10px #00ff88;

	animation-name:pulse;

	animation-duration:1s;

	animation-fill-mode:both;

	animation-iteration-count: infinite;

}

@keyframes pulse{

	0%{transform:scaleX(1)}

	50%{transform:scale3d(1.2,1.2,1.2)}

	to{transform:scaleX(1)}

}

.nav li{

	float: left;

	padding: 3px 2px;

    word-break: break-all;

    width: 25%;

}

.nav li a{

	display: block;

	text-align: center;

}

.nav li .navimg{

	display: block;	

	width: 40px;

	height:40px;

	margin:0 auto;

}

.nav li:hover a{

	text-decoration: underline;

}

.nav li:hover .navimg{

	animation-name:bounce;

	transform-origin:center bottom;

	animation-duration:1s;

	animation-fill-mode:both;

}

@keyframes bounce{

	0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.015,.21,.055,0.5);transform:translateZ(0)}

	40%,43%{animation-timing-function:cubic-bezier(.355,.05,.455,.06);transform:translate3d(0,-30px,0)}

	70%{animation-timing-function:cubic-bezier(.355,.05,.455,.06);transform:translate3d(0,-15px,0)}

	90%{transform:translate3d(0,-4px,0)}

}

.img-box{

	border: 1px solid #e5e5e5;

    padding: 3px 2px;

    word-break: break-all;

}

.img-box img{

	display: block;

}

.box.title{

	font-size: 9pt;

    padding: 4px 8px;

    color: #666;

    background-color: #fbfbfb;

    background: -moz-linear-gradient(top,#fff,#f8f8f8);

    background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f8f8f8));

    border-top: 1px solid #eee;

    border-bottom: 1px solid #eee;

}

.tablebox.list-table{

	background: #fff;

}

.tablebox.list-table th{

	padding: 3px 2px;

	border: 1px solid #e5e5e5;

    word-break: break-all;

    background:#9b2f08;

    font-weight: bold;

	font-size: 10pt;

	color: #fff;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.tablebox.list-table td a{

	display: block;

	height: 100%:;

	text-align: center;

	font-size: 13pt;

	transition: all 0.2s;

	color: #333;

	text-decoration: none;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.tablebox.list-table td a:hover{

	color: #000;

	text-decoration: underline;

}

.tablebox.list-table td{

	text-align: center;

	font-size: 13pt;

	transition: all 0.2s;

	color: #333;

	text-decoration: none;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.tablebox{

	text-align: center; 

	border-collapse: collapse;

	table-layout: fixed;

	width: 100%;

}

.tablebox tr{

	line-height: 32px;

}

.tablebox td{

	border: 1px solid #e5e5e5;

    word-break: break-all;

    padding: 3px 2px;

}

.tablebox a{

	color: rgb(255, 0, 0);

	text-decoration: underline;

	font-weight: bold;

	font-size: 16px;

}

.tablebox.tl{

	text-align: left;

	color: #002933;

	font-size: 16px;

	background: #fff;

}

.tablebox thead th{

	color: #b8b8b8;

	font-size: 16px;

	font-weight: 500;

	padding: 3px 2px;

}

.tablebox tfoot td{

	color: rgb(255, 0, 0);

    font-size: large;

    font-weight: bold;

}

.tablebox.tl tbody tr:nth-child(even){

	background: #f3fdff;

}

.tablebox span.count{

	color: #000;

	font-family: 'simsun';

    background-color: rgb(255, 255, 0);

    font-weight: bold; 

    font-size: 18px; 

}

.tablebox span.list-title{

	color: #ff0000;

    font-family: 'Microsoft YaHei'; 

}

.tablebox.select{

	text-align: left;

	font-size: 18px;

	color: #000;

	font-weight: bold;

}

.tablebox.select th{

	background:#000;

	color: #FFFF00;

	text-indent: 5px;

}

.tablebox.select th span.perfect{

	color: #FFF;

}

.tablebox.select td span.animate{

	color: #ff0000;

}

.tablebox.select td span.perfect{

	background: #FFFF00;

}

.colortable{

	width: 100%;

	text-align: center;

	color: #000;

	font-family: 'simsun';

	font-weight: bold;

	border-collapse: collapse;

	word-wrap: break-word; 

	word-break: break-all;

}

.colortable tr{

	line-height: 25px;

}

.colortable th{

	background: #de3b00;

	color: #fff;

	text-shadow: 0px 0px 10px #000;

}

.colortable tr td{

	font-size: 10pt;

	border: 1px solid #b5b3b3;

}

.colortable tr td:nth-child(1){

	background: #FF99FF;

}

.colortable tr td:nth-child(2){

	width: 65%;

	background: #CCFFFF;

}

.colortable tr td:nth-child(3){

	background: #FFFF00;

}



/*banner*/

.slideBox{ width:100%;max-width:720px; height:auto; overflow:hidden; position:relative; border:1px solid #ddd;  }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px;border-radius:8px; line-height:14px; text-align:center; background:rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2FFFFFF, endcolorstr=#B2FFFFFF);

cursor:pointer; }

:root .slideBox .hd ul li{

	filter: none;

}

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;overflow: hidden;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd img{ width:100%; height:auto; display:block;  }





.foottd a{

	font-size: small;

	color: #000;

	text-decoration: none;

}

.subtitle{

	color: #666;

    background-color: #fbfbfb;

    border-bottom: 1px solid #dedede;

    padding: 8px;

}

.subtitle h2{

	margin: 0;

    font-size: 19px;

    color: #000;

}

.subtitle .meta_info{

	color: #999;

    font-size: 12px;

    margin-top: 6px;

    height: 19px;

    line-height: 19px;

}

.subtitle .meta_info span{

	color: rgb(255, 0, 0);

}

.tablebox .foottd a{

	color: #000;

}

/*news*/

.news-title{

	float: left;

	height: 25px;

	line-height: 25px;

	text-align: center;

	font-size: 8pt;

	color: #000;

	background: #9b2f08;

	color: #fff;

	padding-left: 5px;

	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px;

}

.txtMarquee-left{ padding:0 5px;width:auto;position:relative;height:25px;line-height: 25px;overflow: hidden;background:#fff;}

.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:25px; line-height:25px;  text-align:left; _display:inline; width:auto !important;color: #000;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

.friend{

	margin-bottom: 5px;

	padding-bottom: 10px;

	border-bottom: 1px solid #bebebe;

}

.friend p{

	text-align: center;

	color: red;

}

.friend a{

	font-weight:bold;

}

.friend a:nth-child(1){

	margin-right: 15px;	

	color: #6600FF;

}

.friend a:nth-child(2){

	color: #FF00FF;

}

.friend a:hover{

	text-decoration: underline;

}

.copyright{



}

.copyright p{

	width: 90%;

	margin:0 auto;

	text-align: center;

	color: #666;

}

#jxzl{

	overflow: hidden;

}

.tablebox.imgbox a{

	display: block;

	height: 44px;

}

.tablebox.imgbox img{

	width: 100%;

	height: 44px;

}

.other-url a:hover{

	text-decoration: underline;

}

@media screen and (max-width: 720px){	

	.box{

	    margin: 0 8px 8px;

	}

	.header-nav span{

		font-size: 8px;

	}

	.box.spareURL a{

		font-size: 11pt;

	}

}